@()(implicit request: RequestHeader)

<style>

		.navbar-nav {
			margin-bottom: -60px;
		}

		.nav > li > a {
			font-size: 15px;
		}

		.rightBack {
			background: url("/assets/images/banner_right.jpg");
			background-size: 99%;
		}

		.nav > li > a {
			padding: 15px 15px;
		}

		.logoPng {
			width: 100%;
		}

</style>

<div class="page-header">
	<div class="banner">
		<div style="display: flex;" class="logo">
			<div style="flex: 25">
				<img class="logoPng" src="@routes.Assets.at("images/logo.png")">
			</div>
			<div style="flex: 50;">
				<a href="@routes.AppController.toIndex()">
					<h1 style="text-align: center">
						<span style="">
							<span style="font-size: 50px;
								color: #5DACC6"> MacadamiaGGD</span>
						</span>

					</h1>
				</a>
				<div>
					<h4 style="color: black;
						font-weight: 550;
						margin-bottom: 0;
						margin-left: 15px;
						text-align: center">
						A comprehensive platform for germplasm innovation and
						<br>functional genomics in <i>Macadamia</i>
					</h4>
				</div>
			</div>
			<div class="" style="height: 125px;
				flex: 25;
				display: flex;
				align-items: flex-end;
				justify-content: flex-end">

				<form method="post" action="@routes.GenomeController.searchBefore1()" class="form-inline"
				style="">
					<div class="input-group" style="margin-left: 15px">
						<input type="text" name="geneId" class="form-control noBorderRightRadius"
						placeholder="Keyword" style="height: 30px;" size="15"/>
						<span class="input-group-btn">
							<button class="btn btn-primary mySearchBtn noBorderLeftRadius" type="submit"
							style="height: 30px;
								background-color: #5DACC6 "><i class="fa fa-search"></i></button>
						</span>
					</div>
				</form>

			</div>
		</div>
	</div>
	<nav class="navbar navbar-default">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#coll" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		</div>
		<div class="collapse navbar-collapse" id="coll">
			<ul class="nav navbar-nav">

				<li><a href="@routes.AppController.toIndex()">Home</a></li>

				<li class="dropdown">
					<a href="#">Germplasm<span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">
						<li><a href="@routes.CultivarsController.toIndex()">Species</a></li>
						<li><a href="@routes.CultivarsController.variety2013()">Varieties</a></li>
						<li><a href="@routes.CultivarsController.phylogenetic()">Phylogenetic Analysis</a></li>
					</ul>
				</li>

				<li class="dropdown">
					<a href="#">Genomes &nbsp;<span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">

						<li aria-haspopup="true" class="dropdown-submenu ">
							<a href="javascript:;" class="nav-link nav-toggle ">
								Macadamia integrifolia HAES 741
								<span class="arrow"></span>
							</a>
							<ul class="dropdown-menu">
								<li aria-haspopup="true" class=" ">
									<a href="@routes.GenomeController.toIndex()" class="nav-link ">Browse  </a>
								</li>
								<li aria-haspopup="true" class=" ">
									<a href="@routes.GenomeController.searchBefore()" class="nav-link ">Search  </a>
								</li>
								<li aria-haspopup="true" class=" ">
									<a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/data&tracks=DNA" class="nav-link ">
										JBrowse  </a>
								</li>

							</ul>
						</li>

						<li aria-haspopup="true" class="dropdown-submenu ">
							<a href="javascript:;" class="nav-link nav-toggle ">
								Macadamia integrifolia HAES 344
								<span class="arrow"></span>
							</a>
							<ul class="dropdown-menu">
								<li aria-haspopup="true" class=" ">
									<a href="@routes.Basic344Controller.browse()" class="nav-link ">Browse  </a>
								</li>
								<li aria-haspopup="true" class=" ">
									<a href="@routes.Basic344Controller.search()" class="nav-link ">Search  </a>
								</li>
								<li aria-haspopup="true" class=" ">
									<a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/minteg_2022/data&tracks=DNA" class="nav-link ">
										JBrowse  </a>
								</li>

							</ul>
						</li>

						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mjanseni/data&tracks=DNA">
							Macadamia jansenii</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mtetra/data&tracks=DNA">
							Macadamia tetraphylla</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mterni/data&tracks=DNA">
							Macadamia ternifolia</a></li>
						<li class="divider"></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/minteg_chloroplast/data&tracks=DNA">
							Macadamia integrifolia chloroplast</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mtetra_plastid/data&tracks=DNA">
							Macadamia tetraphylla chloroplast</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mterni_plastid/data&tracks=DNA">
							Macadamia ternifolia chloroplast</a></li>
						<li class="divider"></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/minteg_mitochondrion/data&tracks=DNA">
							Macadamia integrifolia mitochondrion</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mtetra_mitochondrion/data&tracks=DNA">
							Macadamia tetraphylla mitochondrion</a></li>
						<li><a target="_blank" href="http://47.92.172.28:8080/?data=my_data/nut/mterni_mitochondrion/data&tracks=DNA">
							Macadamia ternifolia mitochondrion</a></li>
					</ul>
				</li>

				<li class="dropdown">
					<a href="#">Expression &nbsp;<span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu" >
						<li><a href="@routes.AppController.exp741()">Macadamia integrifolia HAES 741</a></li>
						<li><a href="@routes.AppController.exp344()">Macadamia integrifolia HAES 344</a></li>
						<li><a href="@routes.AppController.expH2()">Macadamia integrifolia H2</a></li>
					</ul>
				</li>

				<li><a href="@routes.ToolsController.blastBefore()">BLAST</a></li>

				<li class="dropdown">
					<a href="#">Markers &nbsp;<span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu" >
						<li><a href="@routes.MarkerController.toSsr()">SSR Markers</a></li>
						<li><a href="@routes.MarkerController.toGwas()">SNP Markers</a></li>
					</ul>
				</li>


				<li><a href="@routes.MapController.toMap()">Maps</a></li>

				<li class="dropdown">
					<a href="#">Tools <span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">
						<li><a href="@routes.ToolsController.primerDesignBefore()">Primer designer (Primer 3)</a></li>
						<li><a href="@routes.ToolsController.seqFetchBefore()">Sequence Fetch</a></li>
						<li><a href="@routes.ToolsController.enrichBefore()">Enrichment analysis</a></li>
						<li><a href="@routes.ToolsController.muscleBefore()">Multiple sequence alignment (Muscle)</a></li>
						<li><a href="@routes.ToolsController.mummerBefore()">Genome alignment (LASTZ)</a></li>
						<li><a href="@routes.ToolsController.geneWiseBefore()">Gene homology annotation (GeneWise)</a></li>
					</ul>
				</li>

				<li><a href="@routes.AppController.toRef()">References</a></li>

				<li><a href="@routes.DownloadController.toIndex()">Download</a></li>

				<li class="dropdown">
					<a href="#">Help <span class="fa fa-caret-down"></span></a>
					<ul class="dropdown-menu">
						<li><a href="@routes.HelpController.toAbout">About</a></li>
						<li><a href="@routes.HelpController.toManual">User manual</a></li>
					</ul>
				</li>

				<li style="float: right;
					position: absolute;
					right: 10px" >
					<div class="" align="right" >

					</div>
				</li>

			</ul>
		</div>

	</nav>
</div>
